﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="Framework.Register" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="/Js/jquery.validate.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            var curr_step, next_step, previous_step;
            $(".btn-next").click(function () {
                curr_step = $(this).parents("fieldset");
                next_step = $(this).parents("fieldset").next();
                $("ul.title-step li").eq($("fieldset").index(next_step)).addClass("active");
                next_step.show(400);
                curr_step.hide(400);
            });

            $(".btn-previous").click(function () {
                curr_step = $(this).parents("fieldset");
                previous_step = $(this).parents("fieldset").prev();
                $("ul.title-step li").eq($("fieldset").index(curr_step)).removeClass("active");
                previous_step.show(400);
                curr_step.hide(400);
            });
        })
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <style>
        #header-top {
            display: none;
        }

        #main-nav {
            margin-top: 0;
        }
    </style>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <asp:Label ID="lblAlert" ForeColor="#ff9900" runat="server"></asp:Label>
            </div>
            <div class="col-md-12">
                <div class="col-md-8 frm-step">
                    <ul class="title-step">
                        <li class="active">1. Select Plan</li>
                        <li class="title-step-3">2. Information</li>
                        <li class="title-step-3">3. Account</li>
                    </ul>
                    <fieldset>
                        <div class="form-group">
                            <div class="col-md-12">
                                <div class="col-md-2">
                                    <label for="tbPeriodRegister">Plan</label>
                                </div>
                                <div class="col-md-10">

                                    <label class="radio-inline">
                                        <input type="radio" value="1" name="rdPlan" id="rdPlanA" />
                                        Plan A - <%= DGSFramework.Globals.GetLanguage("Giá : 18 triệu vnđ / năm","Price : 18 mil vnd / per year",true) %>
                                    </label>
                                    <p style="font-style: italic">Multi View Platform + Watch List</p>


                                    <label class="radio-inline">
                                        <input type="radio" value="2" name="rdPlan" id="rdPlanB" />
                                        Plan B - <%= DGSFramework.Globals.GetLanguage("Giá : 6 triệu vnđ / năm","Price : 6 mil vnd / per year",true) %>
                                    </label>
                                    <p style="font-style: italic">Multi View Platform + Favorite List</p>


                                    <label class="radio-inline">
                                        <input type="radio" value="3" name="rdPlan" id="rdPlanC" />
                                        Plan C - <%= DGSFramework.Globals.GetLanguage("Giá : 15 triệu vnđ","Price : 15 mil vnd",true) %>
                                    </label>
                                    <p style="font-style: italic">3 - Day Workshop + Free 1 Year Platform + Free Weekly Stock Forum</p>
                                    <label id="rdPlan-error" class="error" for="rdPlan"></label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-12">
                                <div class="col-md-2">
                                    <label for="tbPeriodRegister">Description</label>
                                </div>
                                <div class="col-md-10">
                                    <textarea id="tbDes" runat="server"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-12">
                                <div class="col-md-2">
                                    <label for="tbPeriodRegister">Pay method</label>
                                </div>
                                <div class="col-md-10">
                                    <div class="col-md-10">
                                        <label for="rdPayMethod1" style="margin-right: 25px;">
                                            <input type="radio" name="rdPayMethod" id="rdPayMethod1" value="Tiền mặt" />
                                            <%= DGSFramework.Globals.GetLanguage("Tiền mặt","By Cash",true) %>
                                            <img style="width: 64px" src="Images/cash-icon.png" />
                                        </label>
                                        <label for="rdPayMethod2">
                                            <input type="radio" name="rdPayMethod" id="rdPayMethod2" value="Chuyển Khoản" />
                                            <%= DGSFramework.Globals.GetLanguage("Chuyển Khoản","By Banking",true) %>
                                            <img style="width: 64px" src="Images/mobile-banking.png" />
                                        </label>
                                        <label id="rdPayMethod-error" class="error" for="rdPayMethod"></label>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="col-md-12 button-step">
                            <button type="button" disabled id="btnStep1" class="btn btn-primary btn-next pull-right"><%= DGSFramework.Globals.GetLanguage("Tiếp tục","Next",true) %> <i class="glyphicon glyphicon-ok"></i></button>
                        </div>
                    </fieldset>
                    <fieldset style="display: none">
                        <p><%= DGSFramework.Globals.GetLanguage("Điền đầy đủ thông tin bên dưới.","Please fill information form bellow.",true) %> </p>
                        <div class="form-group">
                            <div class="col-md-12">
                                <div class="col-md-2">
                                    <label for="tbPeriodRegister"><%= DGSFramework.Globals.GetLanguage("Số CMND","Person ID",true) %></label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="tbPersonID" runat="server" name="tbPersonID" />
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-12">
                                <div class="col-md-2">
                                    <label for="tbPeriodRegister"><%= DGSFramework.Globals.GetLanguage("Họ và chữ lót","Last name",true) %></label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="tbLastName" name="tbLastName" runat="server" />
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-12">
                                <div class="col-md-2">
                                    <label for="tbPeriodRegister"><%= DGSFramework.Globals.GetLanguage("Tên","First name",true) %></label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="tbFirstName" name="tbFirstName" runat="server" />
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-12">
                                <div class="col-md-2">
                                    <label for="tbPeriodRegister"><%= DGSFramework.Globals.GetLanguage("Địa chỉ","Address",true) %></label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="tbAdress" name="tbAdress" runat="server" />
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-12">
                                <div class="col-md-2">
                                    <label for="tbPeriodRegister"><%= DGSFramework.Globals.GetLanguage("Email","Email",true) %></label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="tbEmail" name="tbEmail" runat="server" />
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-12">
                                <div class="col-md-2">
                                    <label for="tbPeriodRegister"><%= DGSFramework.Globals.GetLanguage("Điện thoại","Phone",true) %></label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="tbPhone" name="tbPhone" runat="server" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 button-step">
                            <button class="btn btn-previous pull-left" type="button"><%= DGSFramework.Globals.GetLanguage("Lùi lại","Previous",true) %></button>
                            <button type="button" id="btnStep2" class="btn btn-primary btn-next pull-right"><%= DGSFramework.Globals.GetLanguage("Tiếp tục","Next",true) %> <i class="glyphicon glyphicon-ok"></i></button>
                        </div>
                    </fieldset>
                    <fieldset style="display: none">
                        <div class="form-group">
                            <div class="col-md-12">
                                <p><%= DGSFramework.Globals.GetLanguage("Thông tin tài khoản","Account",true) %></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-12">

                                <div class="col-md-2">
                                    <label for="tbPeriodRegister"><%= DGSFramework.Globals.GetLanguage("Tên đăng nhập","Login name",true) %></label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="tbUserName" name="tbUserName" runat="server" />
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-12">
                                <div class="col-md-2">
                                    <label for="tbPassword"><%= DGSFramework.Globals.GetLanguage("Mật khẩu","Password",true) %></label>
                                </div>
                                <div class="col-md-10">
                                    <input type="password" id="tbPassword" name="tbPassword" runat="server" />
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-12">
                                <div class="col-md-2">
                                    <label for="tbRePassword"><%= DGSFramework.Globals.GetLanguage("Nhập lại mật khẩu","Confirm Password",true) %></label>
                                </div>
                                <div class="col-md-10">
                                    <input type="password" id="tbRePassword" name="tbRePassword" runat="server" />
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12 button-step">
                            <button class="btn btn-previous pull-left" type="button"><%= DGSFramework.Globals.GetLanguage("Lùi lại","Previous",true) %></button>
                            <button type="submit" runat="server" id="btnFinishRegister" onserverclick="btnFinishRegister_ServerClick" class="btn btn-primary pull-right"><%= DGSFramework.Globals.GetLanguage("Hoàn thành","Finish",true) %> <i class="glyphicon glyphicon-ok"></i></button>
                        </div>
                    </fieldset>


                </div>
                <div class="col-md-4" style="border-left: 1px solid #4dcc00">
                    <p>
                        <strong>3<span class="spn-color-green">W</span></strong> - <strong><%= DGSFramework.Globals.GetLanguage("phần mềm đa diện phân tích chứng khoán.","Multi-View Stock Trading Platform ",true)%></strong><br />
                        <br />
                        <%= DGSFramework.Globals.GetLanguage("Có tất cả thông tin bạn muốn trong tầm tay! ","is specifically designed to aid investors/traders in this aspect.",true)%><br />
                        <%= DGSFramework.Globals.GetLanguage("Bạn hoàn toàn có thể tiết kiệm được thời gian của mình thay vì phải dành hàng tiếng đồng hồ để phân tích cổ phiếu như trước đây!","Thus, your clients will be able to reduce their time significantly in fundamental and technical analysis of stocks.",true)%>
                        <br />
                        <br />
                        <%= DGSFramework.Globals.GetLanguage("Có chức năng phân tích cổ phiếu từ cơ bản đến kĩ thuật nâng cao.","",true)%><br />
                        <%= DGSFramework.Globals.GetLanguage("Có điểm nổi bật là phân tích cổ phiếu dựa trên lượng “Cung & Cầu” của thị trường!","It also screens stocks based on Fundamental, Technical criteria and an additional “Demand & Supply” analysis.",true)%><br />
                        <br />
                        <%= DGSFramework.Globals.GetLanguage("Nhằm giúp khách hàng chọn lọc những cổ phiếu có nền cơ bản tốt, tiềm năng và trả lời được câu hỏi quan trọng quyết định sự thành công trong đầu tư và giao dịch chứng khoán là:"," 3W program will then shortlist only stocks that have sound fundamentals plus stocks that are potential buy and/or sell on daily basis based on all 3 criteria, hence the  essential “3W” of stock investing and trading :",true)%><br />
                        <span class="spn-color-green" style="font-weight: bold"><%= DGSFramework.Globals.GetLanguage("Nên mua chứng khoán nào, Khi nào nên mua, và Khi nào nên bán!","What Stocks To Buy, When To Buy, When To Sell",true)%></span>
                    </p>
                    <p>
                        <%= DGSFramework.Globals.GetLanguage("Lưu ý đặc biệt","Disclamer",true)%><br />
                        <%= DGSFramework.Globals.GetLanguage("Các dữ liệu được 3W đưa ra với mục đích cung cấp thông tin nhằm giúp các nhà đầu tư phân tích hiệu quả và hoàn toàn không mang tính chất ép buộc hay kêu gọi mua hoặc bán cổ phiểu.","The information provided is for analysis only and do not constitute a recommendation to buy or sell stocks.",true) %>
                    </p>
                </div>
            </div>

        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {   
            //$("button#btnStep1").hide();
            var myform = $("#aspnetForm");
            myform.validate({ 
                rules: {
                    "rdPlan": {required: true},
                    "rdPayMethod": { required: true}
                },
                messages:{
                    "rdPlan": { required : "Vui lòng chọn! - Please select!"},
                    "rdPayMethod": { required: "Vui lòng chọn! - Please select!"}
                }
            });
                var frm = myform.valid();
                if (!frm) {
                    return false;
                } else {
                    $("button#btnStep1").removeAttr("disabled");
                }

           <%-- $("#<%= Form.ClientID %>").validate({ 
                onsubmit: false,
                rules: {
                    //"rdPlan": {required: true},
                    //"rdPayMethod": { required: true},
                    <%= tbPersonID.UniqueID%>: { required: true, minlength: 9, digits: true },
                    <%= tbLastName.UniqueID%>: { required: true },
                    <%= tbFirstName.UniqueID%>: { required: true },
                    <%= tbAdress.UniqueID%>: { required: true },
                    <%= tbEmail.UniqueID%>: { required: true, email: true },
                    <%= tbPhone.UniqueID%>: { required: true, digits: true },
                    <%= tbUserName.UniqueID%>: { required: true, minlength: 6 },
                    <%= tbPassword.UniqueID%>: { required: true, minlength: 6 },
                    <%= tbRePassword.UniqueID%>: { required: true, minlength: 6, equalTo: "<%= tbPassword.UniqueID%>" },
                   
                },
            messages:{
                //"rdPlan": { required : "Vui lòng chọn! - Please select!"},
                //"rdPayMethod": { required: "Vui lòng chọn! - Please select!"},
                    <%= tbPersonID.UniqueID%>:{ required : "Vui lòng nhập SCMND! - Please enter your id!"},
                    <%= tbLastName.UniqueID%>:{ required: "Vui lòng nhập họ và chữ lót! - Please enter your last name!"},
                    <%= tbFirstName.UniqueID%>:{ required: "Vui lòng nhập tên! - Please enter your first name!"},
                    <%= tbAdress.UniqueID%>:{ required: "Vui lòng nhập địa chỉ! - Please enter your address!"},
                    <%= tbEmail.UniqueID%>:{ required: "Vui lòng nhập email! - Please enter your email!"},
                    <%= tbPhone.UniqueID%>:{ required: "Vui lòng nhập số điện thoại ! - Please enter your phone!", digits : "Vui lòng nhập số! - Only enter number!"},
                    <%= tbUserName.UniqueID%>:{ required: "Vui lòng nhập username! - Please enter your username!"},
                    <%= tbPassword.UniqueID%>:{ required: "Vui lòng nhập password ! - Please enter your password!", minlength : "Vui lòng nhập 6 ký tự! - Please enter 6 letter!"},
                   <%= tbRePassword.UniqueID%>:{ required: "Vui lòng nhập lại password ! - Please reply your password!", minlength : "Vui lòng nhập 6 ký tự! - Please enter 6 letter!"},

                }                    
            });--%>
                            
                <%--$("button[type=submit]").click(function(evt){
                    var frmvalid = $("#<%= Form.ClientID%>").valid();
                    if (!frmvalid) {
                        evt.preventDefault();
                        return false;
                    }else
                    {
                        $("#<%= Form.ClientID%>").submit();
                    }
                });--%>
                           
        });
    </script>

</asp:Content>
